feat(back-end): introduce payload

Payload is the next.js Headless CMS and App Framework,
I would like to pick it up and modify it as it is MIT licensed.

Many features in Payload is not applicable for our project.
So, I modify it so that it is light and clear.

1 files changed, 0 insertions, 65 deletions

diff --git a/src/app/og/[...slug]/og.tsx b/src/app/og/[...slug]/og.tsx
deleted file mode 100644
index 5754e96..0000000
--- a/src/app/og/[...slug]/og.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import type { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types';
-import { ImageResponse } from 'next/og';
-import type { ReactElement } from 'react';
-
-interface GenerateProps {
-  title: string;
-  description?: string;
-}
-
-export function generateOGImage(
-  options: GenerateProps & ImageResponseOptions,
-): ImageResponse {
-  const { title, description, ...rest } = options;
-
-  return new ImageResponse(
-    generate({
-      title,
-      description,
-    }),
-    {
-      width: 1200,
-      height: 630,
-      ...rest,
-    },
-  );
-}
-
-export function generate({
-  title,
-  description = 'Learn more about this post by visiting the website.',
-}: GenerateProps): ReactElement {
-  return (
-    <div
-      tw='flex h-full w-full bg-black text-white'
-      style={{ fontFamily: 'Geist Sans' }}
-    >
-      <div tw='flex border absolute border-stone-900 border-dashed inset-y-0 left-16 w-[1px]' />
-      <div tw='flex border absolute border-stone-900 border-dashed inset-y-0 right-16 w-[1px]' />
-      <div tw='flex border absolute border-stone-900 inset-x-0 h-[1px] top-16' />
-      <div tw='flex border absolute border-stone-900 inset-x-0 h-[1px] bottom-16' />
-      <div tw='flex flex-col absolute w-[896px] justify-center inset-32'>
-        <div
-          tw='tracking-tight flex-grow-1 flex flex-col justify-center leading-[1.1]'
-          style={{
-            textWrap: 'balance',
-            fontWeight: 600,
-            fontSize: title && title.length > 20 ? 64 : 80,
-            letterSpacing: '-0.04em',
-          }}
-        >
-          {title}
-        </div>
-        <div
-          tw='text-[40px] leading-[1.5] flex-grow-1 text-stone-400'
-          style={{
-            fontWeight: 500,
-            textWrap: 'balance',
-          }}
-        >
-          {description}
-        </div>
-      </div>
-    </div>
-  );
-}